@import "night/mermaid.dark.css";
@import "night/codeblock.dark.css";
@import "night/sourcemode.dark.css";


/* 
基础颜色：
黑色：hsl(0,0%,25%),hsl(0,0%,35%),hsl(0,0%,45%),hsl(0,0%,55%),hsl(0,0%,65%),hsl(0,0%,75%),hsl(0,0%,85%),hsl(0,0%,95%)
红色：hsl(0, 100%, 75%);
黄色：hsl(55, 100%, 65%);
蓝色：hsl(218, 100%, 65%);
*/

:root {

	--md-char-color: hsl(0, 100%, 75%);
	/*markdown 符号的颜色，诸如 # * 等 */
	--meta-content-color: hsl(0, 0%, 55%);
	/*change color of meta contents like image text or link address in markdown */

	--window-border: 1px solid hsl(0, 0%, 55%);
	/*border for sidebar, etc*/

	--monospace: 'sarasa term sc';
	/*monospace font for codes, fences*/

	--bg-color: hsl(0, 0%, 25%);
	/*change background*/
	--write-bg: hsl(0, 0%, 25%);
	/* 写作背景色 */
	--codeb-bg: hsl(0, 0%, 35%);
	/* 代码块背景色 */
	--thead-bg: hsl(0, 0%, 65%);
	/* 表格表头背景色 */
	--tbody-bg: hsl(0, 0%, 75%);
	/* 表格表体背景色 */
	--code-bg: hsl(0, 0%, 85%);
	/* 代码背景色 */
	--quota-bg: transparent;
	/* 引用背景色 */
	--link-bg: transparent;
	/* 超链接背景色 */
	--mark-bg: hsl(55, 100%, 65%);
	/* 高亮背景色 */

	--title-color: hsl(0, 0%, 95%);
	/* 强调颜色：标题；加强等 */
	--link-color: hsl(0, 0%, 85%);
	/* 超链接字体色 */
	--text-color: hsl(0, 0%, 75%);
	/* 默认字体颜色：正文等 */
	--quota-color: hsl(0, 0%, 75%);
	/* 引用字体色 */
	--footer-color: hsl(0, 0%, 65%);
	/* 脚注字体色 */
	--codeb-color: hsl(0, 0%, 55%);
	--code-color: hsl(0, 0%, 45%);
	/* 代码字体色 */
	--mark-color: hsl(0, 0%, 35%);
	--tb-color: hsl(0, 0%, 25%);

	--link-hover: hsl(215, 100%, 75%);
	/* 默认hover色：划过小标题；链接时的颜色 */
	--thead-hover: hsl(0, 0%, 75%);
	/* 表格hover色：表头 */
	--tbody-hover: hsl(0, 0%, 65%);
	/* 表格hover色：表体 */

	--base-font: -apple-system, "Noto Sans CJK SC", "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;

	--title-font: "Noto Serif CJK TC", Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;

	--em-font: "Noto Serif CJK SC", Georgia, "Nimbus Roman No9 L", "Songti SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;

	--quota-font: TW-kai,'仓耳今楷05-6763', Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif;

	--code-font: "Sarasa Term SC", Consolas, "Lucida Console";
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: initial；
}

html,
body,
#write {
	font-family: var(--base-font);
	font-weight: 300;
	font-size: 17px;
	font-size: 1.03em;
	line-height: 2rem;
	background: var(--write-bg);
	color: var(--text-color);
}

content {
	background-color: var(--write-bg);
	min-width: 640px;
}

#write {
	max-width: 960px;
	min-height: calc(100vh - 6rem);
	min-width: calc(100vw - 45rem);
	text-align: justify;

}

/* 目录自动编号 */

.md-toc {
	font-size: 1em;
	line-height: 1.5rem;
	display: table;
	margin: auto;
}

.md-toc::before {
	content: "目  录";
	font-size: 2em;
	text-align: center;
	display: block;
	margin: 2rem auto;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.md-toc-item {
	display: flex;
	display: table-row;
	width: 100%;
	height: 2.5rem;
	vertical-align: baseline;
}

.md-toc-h1,
.md-toc-h2,
.md-toc-h3,
.md-toc-h4 {
	margin: .75rem;
}

.md-toc-h3,
.md-toc-h4 {
	margin-left: 4rem;
}

.md-toc-item .md-toc-inner {
	text-decoration: none;
	color: var(--text-color);
	border-bottom: none !important;
	display: table-cell;
	vertical-align: baseline;
	padding-left: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.md-toc-h1 .md-toc-inner,
.md-toc-h2 .md-toc-inner,
.md-toc-h3 .md-toc-inner,
.md-toc-h4 .md-toc-inner {
	word-wrap: normal;
	word-break: break-all;
}

.md-toc-h4 a {
	margin-left: 2.5rem !important;
}

.md-toc-h3 a {
	margin-left: 3rem !important;
}

.md-toc-h2 a {
	margin-left: 3.5rem !important;
}

.md-toc-h1 a {
	margin-left: 3rem !important;
}

.md-toc-h1 {
	font: 600 1.25em var(--title-font);

	counter-increment: counter_md-toc-h1;
	counter-reset: counter_md-toc-h2;
}

.md-toc-h1:before {
	content: "第"counter(counter_md-toc-h1, cjk-ideographic)"章";
}

.md-toc-h2 {
	counter-increment: counter_md-toc-h2;
	counter-reset: counter_md-toc-h3;
}

.md-toc-h2::before {
	content: "第"counter(counter_md-toc-h2, cjk-ideographic)"节";
}

.md-toc-h3 {
	counter-increment: counter_md-toc-h3;
	counter-reset: counter_md-toc-h4;
}

.md-toc-h3::before {
	content: counter(counter_md-toc-h3);
}

.md-toc-h4 {
	counter-increment: counter_md-toc-h4;
	counter-reset: counter_md-toc-h5;
}

.md-toc-h4::before {
	content: counter(counter_md-toc-h3)"."counter(counter_md-toc-h4);
}

.md-toc-h5 {
	counter-increment: counter_md-toc-h5;
	counter-reset: counter_md-toc-h6;
}

.md-toc-h5::before {
	content: counter(counter_md-toc-h3)"."counter(counter_md-toc-h4)"."counter(counter_md-toc-h5);
}

.md-toc-h6 {
	counter-increment: counter_md-toc-h6;
	counter-reset: counter_md-toc-h7;
}

.md-toc-h6::before {
	content: counter(counter_md-toc-h3)"."counter(counter_md-toc-h4)"."counter(counter_md-toc-h5)"."counter(counter_md-toc-h6);
}

.md-toc-h1:before,
.md-toc-h2::before,
.md-toc-h3::before,
.md-toc-h4::before,
.md-toc-h5::before,
.md-toc-h6::before {
	color: var(--text-color);
	display: table-cell;
	vertical-align: baseline;
}

.md-toc-h1:before,
.md-toc-h2::before{
	text-align-last: justify;
}

.md-toc-h3::before,
.md-toc-h4::before,
.md-toc-h5::before,
.md-toc-h6::before {
	text-align: right;
}

.md-toc-h5,
.md-toc-h6 {
	display: none;
}

/* 标题样式 */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--title-color);
}

#write h1 *,
#write h2 *,
#write h3 *,
#write h4 *,
#write h5 *,
#write h6 * {
	text-decoration: none !important;
	border-bottom: none !important;
}



#write h1 {
	font-size: 3em;
	margin-top: 6rem;
	margin-bottom: 4rem;
}

#write h1::before,
#write h1::after {
	content: "";
	display: block;
	position: relative;
	width: 50%;
	margin: 1rem auto;
}

#write h1::before {
	top: -1.5rem;
	border-bottom: 1px dashed var(--link-color);
}

#write h1::after {
	top: 1.5rem;
	border-bottom: 1px dashed var(--link-hover);
}
#write h1,
#write h2 {
	font-family: var(--title-font);
	font-weight: 800;
	line-height: 3rem;
	text-align: center;
	text-transform: uppercase;
}

#write h3,
#write h4,
#write h5,
#write h6 {
	font-family: var(--base-font);
	font-weight: 600;
	line-height: 2rem;
	margin: 1.5rem 0;
}
#write h2 {
	font-size: 2em;
	margin: 2rem auto;
}

#write h3 {
	font-size: 1.75em;
}

#write h4 {
	font-size: 1.5em;
}

#write h5,
#write h6 {
	font-size: 1.25em;
}

#write h1 a,
#write h2 a,
#write h3 a,
#write h4 a,
#write h5 a,
#write h6 a {
	color: var(--title-color);
}

#write h3::before,
#write h4::before,
#write h5::before,
#write h6::before {
	content: "节 ";
	font-size: 14px !important;
	vertical-align: bottom;
	margin-right: .5rem;
	padding: 2px;
	border-radius: 3px;
	background: var(--text-color);
	color: var(--write-bg);
}

p {
	line-height: 2rem;
	margin-bottom: 1rem;
}

.md-image>.md-meta {
	color: var(--link-bg);
}

/* 超链接样式 */

a,
ins {
	color: var(--link-color);
	text-decoration: none;
}

#write a {
	border-bottom: 1px solid var(--link-color);
}

#write a:hover {
	border-bottom-color: var(--link-hover);
	color: var(--link-hover);
	text-decoration: none;
}

/* em & strong style */

#write strong,
#write em {
	font-family: var(--base-font);
	font-weight: 800 !important;
	color: var(--title-color);
}

#write em {
	font-family: var(--em-font);
}

/* mark style */

mark {
	margin: 0 5px;
	color: var(--mark-color);
	padding: 1px 2px;
	border-radius: 5px;
	background-color: var(--mark-bg);
}

/* code style */

#write pre.md-meta-block {
	min-height: 30px;
	background: var(--codeb-bg);
	color: var(--codeb-color);
	font-weight: 300;
	font-size: 1em;
	position: sticky;
	padding: 1.5rem;
	margin-top: -1.5rem;
	margin-bottom: 2rem;
	border-radius: 5px;
	line-height: 1.25rem;
}

.cm-s-inner .CodeMirror-gutters {
	background: var(--coded-bg);
}

.CodeMirror pre,
pre,
code,
pre tt,
#write .md-fences {
	font-family: var(--code-font);
	font-size: 1em;
	line-height: 1rem;
	padding: 1px;
	border-radius: 5px;
	background-color: var(--codeb-bg);
	color: var(--codeb-color);
	line-height: 1rem;
	border: 1px solid var(--codeb-bg);
}

code {
	font-size: .9em;
	color: var(--code-color);
	background-color: var(--code-bg);
}

#write .md-fences {
	padding: 1rem 0.5rem;
	margin: 2rem auto;
	display: block;
	-webkit-overflow-scrolling: touch;
}

/* 列表样式 */

ul,
ol {
	margin: 1.5rem auto;
}

#write ul {
	margin-left: 1.5rem;
	list-style: disc;
}

#write ol {
	list-style: decimal-leading-zero;
	margin-left: 1.5rem;
}

#write ol ol {
	list-style-type: lower-roman;
}

#write ul ul {
	list-style-type: circle;
}

#write ol ol,
#write ul ul,
#write ul ol,
#write ol ul {
	margin-top: .5rem;
}

#write ul li,
#write ol li,
#write li ul,
#write li ol,
#write ul ul,
#write ol ol {
	margin-bottom: 0.8rem;
	margin-left: 1rem;
}

/* todo list */

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.task-list-item input:before {
		margin-top:.3rem;
	}

	.task-list-item input:checked:before,
	.task-list-item input[checked]:before {
		margin-top: .3rem;
	}
}

.md-task-list-item > input::before {
	content: "";
	position: absolute;
	top: -5px;
	left: -4px;
	border-radius: 50%;
	width: 1.1rem;
	height: 1.1rem;
	border: var(--base-border);
	background: #fff;
	-webkit-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
  }
  
  .md-task-list-item > input::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0px;
	width: 0.6rem;
	height: 0.3rem;
	border: 2px solid #fff;
	border-top: 0;
	border-right: 0;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
  }
  
  .md-task-list-item > input:checked::before {
	background-color: var(--link-color);
	border: none;
  }
  
  .md-task-list-item > input:checked::after {
	opacity: 1;
  }
  
  .md-task-list-item.task-list-done {
	text-decoration: line-through;
	color: var(--footer-color);
  }
/* 块/段落引用 */

/* 清除默认样式 */
blockquote {
	margin: 0;
	padding: 0;
}

blockquote p {
	color: var(--quota-color);
}

blockquote {
	font-family: var(--quota-font);
	background: var(--quota-bg);
	position: relative;
	margin: 2rem -4rem;
	padding: 2rem 6rem;
	font-size: 1.1em;
}

blockquote * {
	font-family: var(--quota-font);
	font-style: normal;
}

blockquote blockquote {
	padding: 0;
	margin: 0;
	padding-left: 2rem;
	border-left: 4px solid var(--link-hover);
	border-right: none;
	font-size: inherit;
}

/* 一致化 horizontal rule */
hr {
	border: none;
	border-bottom: 1px solid #999;
	margin: 3rem auto;
	height: 15px;
}

/* img */

#write img {
	margin: 40px auto;
	box-shadow: 0px 20px 40px 1px hsla(0, 0%, 0%, 0.3);
	border-radius: 5px;
}

/* 使图片去掉阴影 */
img[alt="no-shadow"] {
	box-shadow: none !important;
}

/* 使图片去掉所有效果 */
img[alt="normal"] {
	margin: 0 !important;
	box-shadow: none !important;
}


/* 脚注样式 脚注内的文字颜色应当较原字稍淡 */

sup.md-footnote {
	padding: 2px;
	background-color: hsla(0, 100%, 85%, 1);
	color: #555;
	cursor: pointer;
	font-size: .75em;
}

.footnotes,
.footnotes em,
.footnotes strong {
	color: var(--footer-color) !important;
}

.footnotes a {
	color: var(--link-color);
}

/* 表格样式 */
figure>table {
	margin: 1rem auto !important;
}

table {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 98%;
}

#write table th,
#write-table th,
#write table thead th,
#write-table thead th {
	background: var(--thead-bg);
	padding: .5rem 1rem;
}

#write table caption {
	border-bottom: none;
}

#write table td {
	background-color: var(--tbody-bg);
	border: 1px solid #f0f0f0;
	padding: 0.5rem 1rem;
}

#write th,
#write td {
	color: var(--tb-color);
}

#write tr th:hover {
	background-color: var(--thead-hover);
}

#write td:hover {
	background-color: var(--tbody-hover);
}

#write th:hover,
#write td:hover {
	color: var(--link-hover);
}

/* 不同的宽度的设备上的字数统计样式 */
@media screen and (max-width: 600px) {
	blockquote {
		padding: 2rem 1rem;
		margin: 1rem -1rem;
	}

	blockquote blockquote {
		padding-left: 1rem;
	}
}

@media screen and (max-width: 800px) {
	.md-toc-inner {
		max-width: 20rem;
	}
}

@media screen and (min-width: 1100px) {

	body,
	#footer-word-count-info,
	body.pin-outline,
	.pin-outline #footer-word-count-info,
	.pin-outline footer {
		background: var(--write-bg);
	}


	#write {
		max-width: 1000px;
		padding: 3rem 4rem;
		background: var(--write-bg);
		margin: 3rem auto 3rem;
	}

	.pin-outline #write {
		max-width: 1000px;
		background: var(--write-bg);
		border: 0;
	}

	.md-toc-item {
		max-width: 75%;
	}

	footer {
		background-color: transparent;
	}
}

@media screen and (min-width: 1300px) {

	body.pin-outline,
	.pin-outline #footer-word-count-info,
	.pin-outline footer,
	#footer-word-count-info {
		background: var(--write-bg);
	}

	.typora-node #write {
		min-height: calc(100% - 6em);
	}

	.pin-outline #write {
		max-width: 1000px;
		padding: 3rem 4rem;
		background: var(--write-bg);
		margin: 3rem auto 3rem;
		border: 1px solid var(--write-bg);
		border-width: 0 1px;
		border-radius: 5px;
	}

	.md-toc-item {
		max-width: 75%;
	}

	blockquote {
		border-left: 4px solid var(--link-hover);
		border-right: 4px solid var(--link-hover);
	}

	.pin-outline footer {
		background-color: transparent;
	}

}

.MathJax_Display {
	font-size: 0.9em;
	margin-top: 0.5rem;
	margin-bottom: 0;
}

p.mathjax-block,
.mathjax-block {
	padding-bottom: 0;
}

.mathjax-block>.code-tooltip {
	bottom: 5px;
	box-shadow: none;
}

.md-image>.md-meta {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.md-image>img {
	margin-top: 2px;
}

.md-image>.md-meta:first-of-type:before {
	padding-left: 4px;
}

/* 源代码模式 */

#typora-source {
	color: var(--codeb-color);
	font-family: var(--code-font);
}

#typora-source pre {
	line-height: 1.5rem;
	border-radius: 0px !important;
}

/** ui for windows **/

::-webkit-scrollbar {
	background-color: var(--bg-color);
	position: absolute;
}

::-webkit-scrollbar-thumb {
	background: #999;
	background-clip: padding-box;
}

[draggable] {
	cursor: move;
}

#md-searchpanel {
	border-bottom: 1px solid #ccc;
}

#md-searchpanel .btn {
	border: 1px solid #ccc;
}

#md-notification:before {
	top: 14px;
}

#md-notification {
	background: #f0f0f0;
}

/* 侧边栏 文件概览和大纲列表 */

:root {
	--active-file-bg-color: hsl(0, 0%, 35%);
	/* 文件列表 当前文件激活 背景色*/
	--active-file-text-color: hsl(0, 100%, 75%);
	--active-file-border-color: hsl(0, 0%, 45%);
	/* 树形结构下文件激活边框色 */
	--side-bar-bg-color: hsl(0, 0%, 25%);
	/*文件 大纲 侧边栏 背景色*/
	--item-hover-bg-color: hsl(0, 0%, 35%);
	/* 打开文文件夹、正文菜单、最近使用 hover 效果 */
	--item-hover-text-color: inherit;
	--primary-color: hsl(0, 100%, 75%);
	--primary-btn-border-color: hsl(0, 100%, 75%);
	--primary-btn-text-color: #fff;
	/* color of primary buttons */

	--select-text-bg-color: hsl(0, 100%, 80%);
	--select-text-font-color: hsl(0, 0%, 100%);
}

/* 侧边栏文档大纲tab标签 激活 */

.info-panel-tab:hover {
	color: var(--active-file-text-color);
}

/* 侧边栏文档大纲tab标签 激活 */
.active-tab-outline,
.active-tab-files {
	color: var(--active-file-text-color);
}

/* bugfix */
#outline-content,
#file-library {
	color: var(--text-color);
}

/* 文件 大纲 激活 */
.outline-item:hover {
	color: var(--active-file-text-color);
}

.file-list-item:hover {
	background-color: hsla(0, 0%, 0%, 0.5);
	color: var(--active-file-text-color);
}

/* 大纲目录自动编号 */

.sidebar-content {
	counter-reset: h1
}

.outline-h1 {
	counter-reset: h2
}

.outline-h2 {
	counter-reset: h3
}

.outline-h3 {
	counter-reset: h4
}

.outline-h4 {
	counter-reset: h5
}

.outline-h5 {
	counter-reset: h6
}

.outline-h1>.outline-item>.outline-label:before {
	counter-increment: h1;
	content: "章"counter(h1) " "
}

.outline-h2>.outline-item>.outline-label:before {
	counter-increment: h2;
	content: "节"counter(h2) " "
}

.outline-h3>.outline-item>.outline-label:before {
	counter-increment: h3;
	content: counter(h3) " "
}

.outline-h4>.outline-item>.outline-label:before {
	counter-increment: h4;
	content: counter(h3) "."counter(h4) " "
}

.outline-h5>.outline-item>.outline-label:before {
	counter-increment: h5;
	content: counter(h3) "."counter(h4) "."counter(h5) " "
}

.outline-h6>.outline-item>.outline-label:before {
	counter-increment: h6;
	content: counter(h3) "."counter(h4) "."counter(h5) "."counter(h6) " "
}


/* 书写区右键菜单 */
/* control-menu */

.context-menu.dropdown-menu>li>a:focus {
	background-color: #f0f0f0;
}

.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active {
	background-color: hsl(0, 0%, 65%);
	color: hsl(0, 0%, 25%);
}

/* 一体化模式下菜单页 */

/* 菜单侧标栏 */
.megamenu-menu {
	box-shadow: 2px 2px 5px 0 #33333380, 2px 0px 10px 0 #33333380;
}

/* bugfix */
.megamenu-opened .megamenu-menu {
	left: -1px !important;
}

/* 侧边栏item激活 */
.megamenu-menu-list:not(.saved) li a:hover,
.megamenu-menu-list li a.active {
	background-color: var(--item-hover-bg-color);
	color: var(--active-file-text-color);
	display: block !important;
}

/* bugfix */
.megamenu-menu-list li {
	line-height: 48px;
}

.megamenu-menu-list li a {
	height: 48px;
}

/* 标题 */

#megamenu-back-btn {
	color: #777;
}

a.menu-style-btn:hover {
	background: transparent;
	color: #fff !important;
}

.megamenu-content {
	background: var(--write-bg) !important;
}

.megamenu-menu-panel h1,
.megamenu-menu-panel h2 {
	margin: 2rem auto 3rem;
}

/* 长形按钮 */
.long-btn:hover {
	color: var(--active-file-text-color) !important;
}

.megamenu-menu-panel .btn {
	border: 1px solid #ccc;
}

/* 最近文档 */

.megamenu-menu-panel table tr {
	background: hsl(0, 0%, 25%);
	color: hsl(0, 0%, 85%);
}

#recent-file-panel tbody tr:nth-child(2n-1) {
	background-color: hsl(0, 0%, 35%);
	color: hsl(0, 0%, 85%);
}

.megamenu-menu-panel tbody tr:hover {
	background-color: hsl(0, 0%, 65%) !important;
	color: hsl(0, 0%, 25%) !important;
}

/* 主题页 */
/* 样式预览 */

.theme-preview-div:hover {
	border-color: hsla(218, 100%, 75%, 0.502);
}

.theme-preview-div {
	border: 4px solid #99999950;
}

.theme-preview-div.active,
.theme-preview-div.active:hover {
	border-color: var(--active-file-text-color);
}

/* 偏好设定 */
.windows-header {
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .1), 0px 4px 20px 0px rgba(0, 0, 0, .1), 0px 4px 20px 0px rgba(0, 0, 0, .1);
}

.pane,
.sidebar,
.window {
	background: var(--write-bg);
}

/* 偏好设定侧边栏 */
.nav-group-item.active {
	background: var(--item-hover-bg-color) !important;
	color: var(--active-file-text-color);
}

/* 关于页 */

/* fix */
.about-content-meta {
	font-family: var(--title-font);
}

/* titlebar */
#top-titlebar,
#top-titlebar * {
	background-color: var(--write-bg);
}

#top-titlebar {
	height: 28px;
}

#w-traffic-lights {
	display: flex;
	flex-direction: row;
}

#w-max-group {
	display: contents;
}

footer.stopselect.ty-footer {
	right: 0;
}